<template>
    <div class="checkBottom">
        <svg v-show="!isChooise" class="icon" aria-hidden="true">
            <use xlink:href="#icon-checkboxweixuanzhongda"></use>
        </svg>
        <svg v-show="isChooise" class="icon" aria-hidden="true">
            <use xlink:href="#icon-gouxuan"></use>
        </svg>
    </div>
</template>

<script>
    export default {
        props:{
           isChooise:{
               type:Boolean,
               default:false
           }
        }
    }
</script>

<style scoped>
    .checkBottom{
        text-align: center;
        width: 30px;
        height: 30px;
        border-radius: 15rem;
        /* background: red; */
    }
    .checkBottom svg{
        font-size: 30px;
        line-height: 30px;
    }
</style>